HTML

<section class="feature-grid l-contain js-feature-grid" aria-label='featured list'>
                <div class="feature-grid__meta">
                    <h2 class="h2">Health Services</h2>
            
                </div>
            
                <div class="feature-grid__inner">
                    <div class="feature-grid__item js-feature-grid-item">
                        <a href="system-service-detail.html" class="feature-grid__contain">
                            <div class="feature-grid__item-inner ">
                                <img class="feature-grid__image" src="/images/temp/feature-primary-care.jpg" alt="">
                                <div class="feature-grid__tint"></div>
                                <div class="feature-grid__item-title">Primary Care</div>
                            </div>
                        </a>
                    </div>
                    <div class="feature-grid__item js-feature-grid-item">
                        <a href="system-service-detail.html" class="feature-grid__contain">
                            <div class="feature-grid__item-inner ">
                                <img class="feature-grid__image" src="/images/temp/feature-cancer.jpg" alt="">
                                <div class="feature-grid__tint"></div>
                                <div class="feature-grid__item-title">Cancer</div>
                            </div>
                        </a>
                    </div>
                    <div class="feature-grid__item js-feature-grid-item">
                        <a href="system-service-detail.html" class="feature-grid__contain">
                            <div class="feature-grid__item-inner ">
                                <img class="feature-grid__image" src="/images/temp/feature-heart.jpg" alt="">
                                <div class="feature-grid__tint"></div>
                                <div class="feature-grid__item-title">Heart</div>
                            </div>
                        </a>
                    </div>
                    <div class="feature-grid__item js-feature-grid-item">
                        <a href="system-service-detail.html" class="feature-grid__contain">
                            <div class="feature-grid__item-inner ">
                                <img class="feature-grid__image" src="/images/temp/feature-orthopedics.jpg" alt="">
                                <div class="feature-grid__tint"></div>
                                <div class="feature-grid__item-title">Orthopedics</div>
                            </div>
                        </a>
                    </div>
                    <div class="feature-grid__item js-feature-grid-item">
                        <a href="system-service-detail.html" class="feature-grid__contain">
                            <div class="feature-grid__item-inner ">
                                <img class="feature-grid__image" src="/images/temp/feature-rehabilitation.jpg" alt="">
                                <div class="feature-grid__tint"></div>
                                <div class="feature-grid__item-title">Rehabilitation</div>
                            </div>
                        </a>
                    </div>
                    <div class="feature-grid__item js-feature-grid-item">
                        <a href="system-service-detail.html" class="feature-grid__contain">
                            <div class="feature-grid__item-inner ">
                                <img class="feature-grid__image" src="/images/temp/feature-transplant.jpg" alt="">
                                <div class="feature-grid__tint"></div>
                                <div class="feature-grid__item-title">Transplant</div>
                            </div>
                        </a>
                    </div>
                    <div class="feature-grid__item js-feature-grid-item">
                        <a href="system-service-detail.html" class="feature-grid__contain">
                            <div class="feature-grid__item-inner ">
                                <img class="feature-grid__image" src="/images/temp/feature-pediatrics.jpg" alt="">
                                <div class="feature-grid__tint"></div>
                                <div class="feature-grid__item-title">Pediatrics</div>
                            </div>
                        </a>
                    </div>
                    <div class="feature-grid__item js-feature-grid-item">
                        <a href="system-service-detail.html" class="feature-grid__contain">
                            <div class="feature-grid__item-inner ">
                                <img class="feature-grid__image" src="/images/temp/feature-womens-services.jpg" alt="">
                                <div class="feature-grid__tint"></div>
                                <div class="feature-grid__item-title">Women&#x27;s Services</div>
                            </div>
                        </a>
                    </div>
            
                </div>
            
                <div class="u-align-center">
                    <a href="health-services-landing.html" class="btn btn__cta btn__cta--yellow">All Health Services</a>
                </div>
            
            </section> <!-- .feature-grid -->